<template>
  <div class="home">
    <mytitle></mytitle>
      <swiper></swiper>
    <list-title title="直播课程"></list-title>
    <tab></tab>
    <list-title title="免费课程"></list-title>
    <today-list type="free" page-num="1" page-size="10" >免费</today-list>
    <list-title title="精品课程"></list-title>
    <today-list type="boutique" page-num="1" page-size="5" ></today-list>
    <list-title title="限时折扣课程"></list-title>
    <today-list type="discount" page-num="1" page-size="5" ></today-list>
    <list-title title="头条精选"></list-title>
    <today-list type="discount" page-num="1" page-size="5" ></today-list>
  </div>
</template>

<script>
// @ is an alias to /src
import mytitle from "@/components/title";
import listTitle from "@/components/listTitle";
import swiper from "@/components/swiper.vue";
import todayList from "@/components/todayList";
import tab from "@/components/tab";

export default {
  name: 'Home',
  components: {
    mytitle,
    swiper,
    listTitle,
    todayList,
    tab,
  }
}
</script>
